<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	@import url("./static/fonts/iconfont.css");
	@import "uview-ui/index.scss";

	/*每个页面公共css */
	:root {
		box-sizing: border-box;
	}

	page {
		// height: 100%;
		color: #211f1f;
		font-size: 28rpx;
		background-color: #f5f5f5;
	}

	.bgcf5 {
		background-color: #f5f5f5;
	}

	// 公司版权
	.copyright {
		color: #bcbcbc;
		font-size: 24rpx;
		text-align: center;
		padding: 35rpx;
	}

	.content1 {
		margin: 0 20rpx;
		background-color: #f5f5f5;

		.item {
			margin-top: 20rpx;
			border-radius: 8rpx;
			background-color: #fff;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding: 20rpx;

			.title {
				text-align: justify;
				text-overflow: -o-ellipsis-lastline;
				overflow: hidden; //溢出内容隐藏
				text-overflow: ellipsis; //文本溢出部分用省略号表示
				display: -webkit-box; //特别显示模式
				-webkit-line-clamp: 2; //行数
				line-clamp: 2;
				-webkit-box-orient: vertical;
				font-size: 36rpx;
				color: #333;
				margin-bottom: 20rpx;
			}

			.item-content {
				display: flex;
				justify-content: space-between;

				.pic {
					display: flex;
					align-items: center;
					width: 240rpx;
					height: 200rpx;

					image {
						border-radius: 6rpx;
						width: 100%;
						height: 85%;
					}
				}

				.text {
					flex: 1;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					padding: 0 10rpx 0 30rpx;


					.introduction {
						text-align: justify;
						text-overflow: -o-ellipsis-lastline;
						overflow: hidden; //溢出内容隐藏
						text-overflow: ellipsis; //文本溢出部分用省略号表示
						display: -webkit-box; //特别显示模式
						-webkit-line-clamp: 3; //行数
						line-clamp: 2;
						-webkit-box-orient: vertical;
						color: #999;
						font-size: 26rpx;

					}

					.info {
						display: flex;
						align-items: center;
						justify-content: space-between;
						font-size: 22rpx;
						color: #888;


						.browse {
							display: flex;
							justify-content: space-between;

							text:nth-child(2) {
								padding-left: 10rpx;
							}


						}
					}

					.user-content {
						display: flex;
						align-items: center;
						justify-content: space-between;

						text {
							font-size: 22rpx;
							color: #888;
						}

						.user {
							display: flex;
							align-items: center;
							justify-content: space-between;

							.imageTX {
								width: 30rpx;
								height: 30rpx;
								border-radius: 50%;
								margin-right: 10rpx;
							}

							text {
								color: #6c5ddc;
								max-width: 200rpx;
								text-align: justify;
								text-overflow: -o-ellipsis-lastline;
								overflow: hidden; //溢出内容隐藏
								text-overflow: ellipsis; //文本溢出部分用省略号表示
								display: -webkit-box; //特别显示模式
								-webkit-line-clamp: 1; //行数
								line-clamp: 2;
								-webkit-box-orient: vertical;
								font-size: 26rpx;
							}
						}
					}
				}
			}


		}
	}
</style>
